var u = Object.defineProperty;
var h = (t, o, e) => o in t ? u(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e;
var a = (t, o, e) => (h(t, typeof o != "symbol" ? o + "" : o, e), e);
import { property as d, customElement as p, QuarkElement as r } from "quarkc";
const m = `:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}:host{display:block;margin:0 auto;padding:2rem;text-align:center;border:2px solid #646cff;width:500px}.logo{height:6em;padding:1.5em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transition:all .5s}.card{padding:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.read-the-docs{color:#888}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
`;
var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, f = (t, o, e, l) => {
  for (var n = l > 1 ? void 0 : l ? b(o, e) : o, s = t.length - 1, c; s >= 0; s--)
    (c = t[s]) && (n = (l ? c(o, e, n) : c(n)) || n);
  return l && n && g(o, e, n), n;
};
let i = class extends r {
  constructor() {
    super(...arguments);
    // 外部属性
    a(this, "count", 0);
    a(this, "text", "");
    a(this, "add", () => {
      this.count += 1;
    });
  }
  componentDidMount() {
    console.log("dom loaded!");
  }
  render() {
    return /* @__PURE__ */ r.h(r.Fragment, null, /* @__PURE__ */ r.h("div", null, /* @__PURE__ */ r.h("a", { href: "https://quarkc.hellobike.com", target: "_blank" }, /* @__PURE__ */ r.h(
      "img",
      {
        src: "https://quark-design.hellobike.com/assets/quark-logo.f9a6a307.png",
        class: "logo",
        alt: "quark logo"
      }
    ))), /* @__PURE__ */ r.h("h1", null, "Quark - ", this.text), /* @__PURE__ */ r.h("div", { className: "card" }, /* @__PURE__ */ r.h("button", { onClick: this.add }, "count is: ", this.count)));
  }
};
f([
  d({ type: Number })
], i.prototype, "count", 2);
f([
  d({ type: String })
], i.prototype, "text", 2);
i = f([
  p({ tag: "my-component", style: m })
], i);
